<template>
    <div class="app" @click="$emit('newChatClick')">
        <img src="@/assets/plus.svg"/>
        <div id="text">新建对话</div>
    </div>
</template>

<script setup>
defineEmits(["newChatClick"])
</script>

<style scoped>
.app{
    width: 95%;
    border: 1px solid #97969a;
    border-radius: 7px;
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    transform: scale(1);
}

.app:active{
    transform: scale(0.99);
}
.app > img{
    width: 20px;
    height: 20px;
    margin-left: 15%;
    margin-right: 10%;
    user-select: none;
}

.app > div{
    user-select: none;
}
</style>